// Based on omnibar/src/modifier/AnchorRenderer.tsx

.base {
  background-color: var(--theme-stage);
  border-color: var(--theme-stage-border);
  border-style: solid;
  border-width: 0 1px 1px;
  box-sizing: border-box;
  color: var(--theme-stage-on-strong);
  display: flex;
  flex-direction: row;
  font-size: 24px;
  height: 50px;
  justify-content: space-between;
  line-height: 50px;
  max-width: calc(max(50vw, 300px));
  overflow-y: hidden;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  word-break: break-word;
}
.selected {
  background-color: var(--theme-stage-on);
  color: var(--theme-ix-active);
}
.highlighted {
  background-color: var(--theme-stage-on-weak);
  color: var(--theme-ix-inactive);
}
